@charset "utf-8";
/* ==========================================================================
   Index Page
   ========================================================================== */
.ibanner{ height:695px;position: relative;}
.ibanner .swiper-container {width: 100%;height: 100%; overflow:hidden;}
.ibanner .swiper-slide{ background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative; opacity:0; transition:all 0.5s;}
.ibanner .swiper-button-prev,.ibanner .swiper-button-next{ background:#eda700; background-image:none ; width: 55px; height: 85px; text-align: center; line-height: 85px;}
.ibanner .swiper-button-prev i,.ibanner .swiper-button-next i{ color: #fff; font-size: 3rem;}
.ibanner .swiper-button-prev{ left: 5px;}
.ibanner .swiper-button-next{ right: 5px;}
.ibanner .swiper-pagination-bullet {background: #fff;opacity: 0.5;}
.ibanner .swiper-pagination-bullet-active { background: #fff;opacity: 1;}

/*标题栏目*/
.title_1 {padding: 0;overflow: hidden;text-align: center;cursor: pointer;}
.title_1 a {display: block;}
.title_1 h2 {color: #1f68c2;font-size: 48px;line-height: 60px;text-transform: uppercase;font-family: "Impact";}
.title_1 span {display: block;color: #212020;font-size: 36px;line-height: 45px;text-transform:uppercase;position: relative;height: 45px;} 
.title_1 span:before {content: "";display: block;height: 15px;background: url(../img/tit1bg.png) no-repeat center;background-size: contain;position: absolute;z-index: 3;top:50%;left:0;right:0;margin-top: -8px;}
.title_1:hover h2,.title_1:hover span {color: #0e2c8f;}
/*产品栏目*/
.lmnav {padding:0;overflow: hidden;height: 100px;border-top:1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;margin-bottom: 5px;}
.lmnav li {float: left;color: #61646d;font-size: 16px;padding:0 20px;line-height: 100px;position: relative;border-right: 1px solid #d1d1d1;text-align: center;}
.lmnav li a {display: block;}
.lmnav li.last{border-right: none;min-width: 70px;}
.lmnav li.last a {color: #cc2a1e;}
.lmnav li:after {content: "";display: block;width: 0;height: 3px;background: #0e2c8f;position: absolute;bottom: 15px;left: 50%;z-index: 3;opacity: 0;transition: all 0.3s;}
.lmnav li:hover {color: #0e2c8f;}
.lmnav li:hover:after {width: 90px;opacity: 1;margin-left: -45px;}

/*产品中心*/
.sect_pro {padding:0;overflow: hidden;}

/*产品列表*/
.sect_pro .prolist {padding:4rem 0;overflow: hidden;background:url(../img/m1bg.jpg) no-repeat top center;background-size: cover;}
.sect_pro .prolist .protj {padding: 0;overflow: hidden;margin-bottom: 45px;}
.sect_pro .prolist .protj h2 {color: #fff;font-size: 36px;line-height: 60px;position: relative;letter-spacing: 0;margin-bottom: 40px;}
.sect_pro .prolist .protj h2:before {content:"";width: 15px;height: 3px;background: #fff;position: absolute;left: 0;bottom: 0;}
@keyframes fadeTxt{
	0% {
	    opacity: 0;letter-spacing: 10px;padding-left: 50px;
	}
	100% {
	    opacity: 1;letter-spacing: 0;padding-left: 0px;
	}   
}
.sect_pro .prolist .protj p {color: #fff;font-size: 14px;line-height: 25px;margin-bottom: 10px;}
.sect_pro .prolist .proitem {padding: 3px;overflow: hidden;border:1px solid #d1d1d1;position: relative;margin-bottom: 15px;}
.sect_pro .prolist .proitem .icon {padding: 0;overflow: hidden;background: #fff;cursor: pointer;}
.sect_pro .prolist .proitem .icon  img {width: 100%;height: 100%;object-fit: contain;}
.sect_pro .prolist .proitem .protit {position: absolute;left: 0;right: 0;bottom: 0;top:100%;background: rgb(0,0,0,0.6);opacity: 0;}
.sect_pro .prolist .proitem .protit a {display: block;height: 100%;}
.sect_pro .prolist .proitem .protit .prot {top:50%;margin-top: -40px;position: relative;}
.sect_pro .prolist .proitem .protit h2 {color: #fff;font-size: 24px;line-height: 50px;text-align: center;}
.sect_pro .prolist .proitem .protit i {display: block;width: 30px;height: 30px;margin:0 auto;background: url(../img/jia.png) no-repeat top center;background-size: contain;}
.sect_pro .prolist .proitem:hover .icon img {transform: scale(1.2);transition:all 0.5s;}
.sect_pro .prolist .proitem:hover .protit {opacity: 1;top:0;animation: fadeInDown 0.5s forwards;}

/*核心优势*/
.sect_ys {padding: 4rem 0;overflow: hidden;background: url(../img/m2bg.jpg) no-repeat top center;background-size: cover;}
.sect_ys .title_1 span:before {background: url(../img/tit1a.png) no-repeat center;background-size: contain;}
.sect_ys .ysbox {padding:4rem 2rem;overflow: hidden;position: relative;}
.sect_ys .ysbox .row {position: relative;z-index: 1;}
.sect_ys .ysbox:before,.sect_ys .ysbox:after {content: "";width: 50%;height: 100%;position: absolute;top:0;bottom: 0;z-index: 0;}
.sect_ys .ysbox:before {left: 0;background: #fcbe39;}
.sect_ys .ysbox:after {right: 0;background: #3073c6;}
.sect_ys .ysbox .ysitem {padding: 35px 0 35px 35px;overflow: hidden;position: relative;}
.sect_ys .ysbox .ysitem:after {content: "";color: #fff;font-size: 145px;font-family: "Impact";position: absolute;left: 0;top:0;z-index: -1;line-height: 120px;}
.sect_ys .ysbox .ysitem h2 {color: #fff;font-size: 24px;background: rgba(252,190,52,0.7);padding: 0 10px;line-height: 45px;margin-bottom: 45px;}
.sect_ys .ysbox .ysitem p {color: #fff;font-size: 16px;line-height: 25px;min-height: 50px;}
.sect_ys .ysbox .y1:after {content: "01";}
.sect_ys .ysbox .y2:after {content: "02";}
.sect_ys .ysbox .y3:after {content: "03";}
.sect_ys .ysbox .y4:after {content: "04";}
.sect_ys .ysbox .y3 h2,.sect_ys .ysbox .y4 h2 {background: rgba(48,115,198,0.7);}
.sect_ys .ysbox .ysimg img {margin-top: 50px;}

/*厂区环境*/
.sect_hj  {padding: 4rem 0;overflow: hidden;background: url(../img/m3bg.jpg) no-repeat center;background-size: cover;}
.sect_hj .hjlist {padding: 0;overflow: hidden;height: 565px;}
.sect_hj .hjlist .swiper-container {width: 100%;height: 100%;}
.sect_hj .hjlist .hj-li {text-align: center; margin-bottom: 0;}
.sect_hj .hjlist .hj-li a{ display: block;position: relative; padding: 3rem 0 2rem; height: 465px; overflow: hidden;}
.sect_hj .hjlist .hj-li .icon{ border: none; background: none;display: block!important;}
.sect_hj .hjlist .hj-li .icon img{ width: 100%; height: 100%;max-height:inherit;object-fit: cover;}
.sect_hj .hjlist .hj-li .hj-cont {padding: 5px 0;overflow: hidden;text-align: center;}
.sect_hj .hjlist .hj-li .hj-cont p {color: #000;font-size: 14px;line-height: 30px;}
.sect_hj .hjlist .hj-li:hover .icon img,.sect_hj .hjlist .swiper-slide-active .hj-li .icon img{ transform: scale(1.2); transition: all 0.5s;}
.sect_hj .hjlist .hj-li:hover a,.sect_hj .hjlist .swiper-slide-active .hj-li a {height: 495px;overflow: hidden;}
.hjmore {width: 310px;height: 54px;background: url(../img/hjmore.png) no-repeat center;margin:3rem auto 0;}
.hjmore a {display: block;color: #211e1e;font-size: 16px;line-height: 54px;text-align: center;text-transform: uppercase;letter-spacing: 0;}
.hjmore a:hover {color: #2e71c4;letter-spacing: 5px;transition: all 0.5s;}

/*关于我们*/
.sect_about {padding: 5rem 0;overflow: hidden;background: url(../img/m4bg.jpg) no-repeat center;background-size: cover;}
.sect_about .about {padding:0;overflow: hidden;}
.sect_about .about,.sect_about .about p {color: #283849;font-size: 16px;line-height: 30px;}
.aboutys {padding: 30px 0;overflow: hidden;position: relative;}
.aboutys:before,.aboutys:after {content: "";width: 50%;height: 100%;position: absolute;top:0;bottom: 0;z-index: -1;}
.aboutys:before {left:0;background: #1f68c2;}
.aboutys:after {right: 0;background: #fabc36;}
.aboutys .aboutyscon {padding: 0 30px;overflow: hidden;position: relative;}
.aboutys .aboutyscon h2 {color: #fff;font-size: 24px;line-height: 35px;font-weight: normal;}
.aboutys .aboutyscon p {color: #fff;font-size: 16px;line-height: 30px;} 
.aboutys .aboutyscon:before {content: "";width: 9px;height: 100%;background: #fff;position: absolute;left: 0;top:0;bottom: 0;z-index: 1;}


/*相关动态*/
.sect_news {padding: 3rem 0 0;overflow: hidden;}
.news-brow {padding:0;overflow: hidden;}
.news-brow .ul-news .news-li {padding: 10px 10px 10px 50px;overflow: hidden; margin: 10px 0 20px;background: url(../img/xw.png) no-repeat 5px 20px;}
.news-brow .ul-news .news-li a {display: block;}
.news-brow .ul-news .news-li .icon {padding: 0;overflow: hidden;}
.news-brow .ul-news .news-li .news-cont {padding:0;overflow: hidden;}
.news-brow .ul-news .news-li .news-cont h2 {color: #4f4f4f;font-size: 16px;font-weight: normal;text-transform: uppercase;line-height: 20px;}
.news-brow .ul-news .t {color: #413e3e;font-size: 16px;line-height: 40px;border-bottom: 1px solid #7b7b7b;margin-bottom: 10px;}
.news-brow .ul-news .news-cont p {color: #7a7a7a;font-size: 14px; line-height: 25px;}
.news-brow .ul-news .news-cont span {color: #4f4f4f;font-size: 16px; line-height: 30px;display: block;margin-top: 15px;}
.news-brow .ul-news .news-li:hover {box-shadow: 2px 2px 4px 0px #e4dfdf;}
.news-brow .ul-news .news-li:hover h2,.news-brow .ul-news .news-li:hover h3 {color: #fabc36;}

@media screen and (max-width:1450px){ 
	.sect_pro .prolist .protj {margin-bottom: 10px;}
	.sect_pro .prolist .protj h2 {margin-bottom: 15px;}
	.sect_ys .ysbox .ysitem h2 {font-size: 18px;}
	.sect_hj .hjlist {height: 450px;}
	.sect_hj .hjlist .hj-li a {height: 356px;}
}
@media screen and (max-width:1200px){ 
	
	
}